@charset "utf-8";
@import "../css/main.less";

@media all and (max-width: 1366px){

  body{
    background-color: @bodyColor;
  }
  .nav{
    position: fixed;
    top: 0;
    z-index: 9999999999999999999999;
  }

  .main{
    .size(900px,1000px);
    .margin_Auto;
    background-color: #00aaff;
  }

  //左主体
  .leftMain{
    .size(620px,1000px);
    background-color: #3fcaa2;
    float: left;
  }
  //右主体
  .rightMain{
    .size(240px,1000px);
    background-color: #7e8e99;
    float: left;
    .margin_left(40px);
  }


  .userCard{
    .size(580px,120px);
    .margin_Auto;
    .margin_top(20px);
    background-color: white;
  }
  .headPhoto{
    .size(120px,120px);
    background-color: #846bd5;
    position: relative;
    float: left;
    img{
      .size(80px,80px);
      display: block;
      .positionCenter(120px,80px);
      position: fixed;
      top: 10px;
      left: 10px;
    }
  }
  .userName{
    line-height: 80px;
    font-size: 26px;
    background-color: #00aaff;
  }
  .title{
    .margin(16px,0);
    height: 16px;
    background-color: #d5d5d5;
    position: relative;
    float: left;
    width: 600px;
  }
  .intro{
    width: 600px;
    img{
      float: left;
    }
    div{
      width: 400px;
      height: auto;
    }
  }








}





